<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__TPLPATH__/Public/beg/plugins/layui/css/layui.css"  media="all">
  <script type="text/javascript" src="__TPLPATH__/Public/beg/plugins/layui/layui.js"></script>
</head>
<body>
              
<blockquote class="layui-elem-quote">
  <a>微信公众号菜单</a>
</blockquote>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;" id="sub_main">
  <legend>微信公众号菜单</legend>


  <foreach name="menu['button']" item="v" key="k">
  <blockquote class="layui-elem-quote">
  
    
    
    <button class="layui-btn layui-btn-primary" button_id="{$k}" button_type="{$v['type']}" button_url="{$v['url']}" button_name="{$v['name']}" lay-filter="menu_wx_xx" >{$v['name']}</button>
    
  
<empty name="v['sub_button']">
    <a class="layui-btn layui-btn-disabled" id="sub_no">没有子菜单</a>
        

  <else />

        <foreach name="v['sub_button']" item="b" key="key">
          <button class="layui-btn layui-btn-normal" button_id="{$key}" button_type="{$b['type']}" button_url="{$b['url']}" button_name="{$b['name']}" lay-filter="menu_wx_xx">{$b['name']}</button>
        
        </foreach>
        </empty>

  
</blockquote>
  </foreach>
  </fieldset>

<div class="site-mobile-shade"></div>

<script type="text/javascript" src="__TPLPATH__/Public/beg/plugins/layui/layui.js"></script>
<script>
//var json_a = {:json_encode($menu)};

//console.log(JSON.stringify(json_a));
layui.use(['element','layer','form'], function(){
  var element = layui.element(); //导航的hover效果、二级菜单等功能，需要依赖element模块
var layer = layui.layer;

var $ = layui.jquery; 
//wxmenu.creat();
  $('#sub_main').on('click', 'button', function () {
        console.log($(this).attr('button_id'));
        // //layer.msg($(this).attr('button_name'));
        //     var button_name = $(this).attr('button_name');
        //     var button_id = $(this).attr('button_id');
        //     var button_url = $(this).attr('button_url');
        //     var button_type = $(this).attr('button_type');
        //     //var menu_name = $(this).attr('button_name');
        //     var menu_mod = layer.prompt({formType: 0,value: button_name,title: '请输入要修改的菜单名'}, 
        //       function(value, menu_mod, elem){
        //       //alert(value); //得到value
        //       //json_a.button[button_id]['name']=value;
        //       console.log(JSON.stringify(json_a));
        //       layer.close(menu_mod);
        //       var  menu_type = layer.confirm('请选择子菜单类型？', {
        //           btn: ['跳转网页','发送消息'] //按钮
        //         }, function(){
        //           layer.close(menu_type);
        //          var menu_url = layer.prompt({title: '请输入跳转网页链接,请加http://',value: button_url, formType: 0}, function(url, index){
        //           console.log(url);
        //           //json_a.button[button_id]['url']=url;
        //           console.log(JSON.stringify(json_a));
                      
        //               layer.close(menu_url);
                      
        //             })
                    
        //         }, function(){
        //           layer.close(menu_type);
        //           var menu_msg = layer.prompt({title: '请输入要发送的消息', formType: 0}, function(pass, index){
        //               layer.close(menu_msg);
        //               console.log(pass);
        //             })
                    
        //         });

        //     });
        
        })
  $('#sub_main').on('click', '#sub_no', function () {
              console.log($(this).prev('.layui-btn-primary').attr('button_name'));
        //       var button_name = $(this).attr('button_name');
        //     var button_id = $(this).attr('button_id');
        //     var button_url = $(this).attr('button_url');
        //     var button_type = $(this).attr('button_type');
        //   var con = layer.confirm('没有子菜单,是否添加？', {
        //   btn: ['是','否'] //按钮
        // }, function(){
        //      layer.close(con);
        //       var con_menu = layer.prompt({title: '请输入子菜单名，并确认', formType: 0}, function(sub_menu, index){
        //           //delete json_a.button[button_id]['url'];
        //           //delete json_a.button[button_id]['type'];
        //           //json_a=(eval('('+json_a+')'));
        //           //json_a.
        //           //json_a.button.name=sub_menu;
        //           //json_a.push();
        //           //console.log(JSON.stringify(json_a));
        //           layer.close(con_menu);
        //           console.log(sub_menu);
        //           var  menu_type = layer.confirm('请选择子菜单类型？', {
        //           btn: ['跳转网页','发送消息'] //按钮
        //         }, function(){
        //           layer.close(menu_type);
        //          var menu_url = layer.prompt({title: '请输入跳转网页链接,请加http://', formType: 0}, function(pass, index){
        //               layer.close(menu_url);
        //               console.log(pass);
        //             })
                    
        //         }, function(){
        //           layer.close(menu_type);
        //           var menu_msg = layer.prompt({title: '请输入要发送的消息', formType: 0}, function(pass, index){
        //               layer.close(menu_msg);
        //               console.log(pass);
        //             })
                    
        //         });
        //         })
            
        //   //     $.get('editmenu', null, function(form){
        //   // var index=layer.open({
        //   //     type: 1,
        //   //     title: menu_name+'_添加菜单',
        //   //     shadeClose: true,
        //   //     shade: 0.8,
        //   //     area: ['80%', '70%'],
        //   //     content: form //iframe的url
        //   // }); 
        //   // //layer.iframeAuto(index);
              
        //   //     });
        // }, function(){
        //   layer.msg('取消添加', {icon: 4});
        // })
    
       
});
  //  $('ul.layui-tab-title li').on('click', 'layui-tab-close', function () {
  //           $(this).children("i").on('click', 'li', function () {
  //             alert(1);
  //           });
  //       console.log($(this).attr('button_name'));
  //       //layer.msg($(this).attr('button_name'));
  //         layer.prompt({title: '输入任何口令，并确认', formType: 0}, function(pass, index){
  //         layer.close();
  //         console.log(pass);
  //       })
  //       });
        // $("#select_menu").change(function() { alert($("select_menu").val()) }); 
        // })

  //监听导航点击
  // element.on('nav(menu_wx)', function(elem){
  //   console.log(elem);
  //   layer.msg(elem.text());
  // });
  element.on('btn(menu_wx_xx)', function(elem){
    console.log(elem);
    layer.msg(elem.html());
  });

});

</script>

</body>
</html>